/*
****************
    颜色变量
****************
*/
// 主色
$color-primary:             #0165BC;

// 基本白色
$color-white:               #FFFFFF;
// 基本黑色
$color-black:               #000000;

$--color-primary-light-1: mix($color-white, $color-primary, 10%) !default; /* #4891FB */
$--color-primary-light-2: mix($color-white, $color-primary, 20%) !default; /* #5D9DFC */
$--color-primary-light-3: mix($color-white, $color-primary, 30%) !default; /* #71A9FC */
$--color-primary-light-4: mix($color-white, $color-primary, 40%) !default; /* #85B6FD */
$--color-primary-light-5: mix($color-white, $color-primary, 50%) !default; /* #99C2FD */
$--color-primary-light-6: mix($color-white, $color-primary, 60%) !default; /* #AECEFD */
$--color-primary-light-7: mix($color-white, $color-primary, 70%) !default; /* #C2DAFE */
$--color-primary-light-8: mix($color-white, $color-primary, 80%) !default; /* #D6E7FE */
$--color-primary-light-9: mix($color-white, $color-primary, 90%) !default; /* #EAF3FF */

// 成功 绿色
$success-color:             #67C23A;
// 警告 橙色
$warning-color:             #E6A23C;
// 危险 红色
$danger-color:              #F56C6C;
// 信息 灰色
$info-color:                #909399;

// 主文字 用于标题
$color-text-primary:        #303133 !default;
// 常规文字 文本 段落
$color-text-regular:        #606266 !default;
// 辅助文字
$color-text-secondary:      #909399 !default;
// 占位文字
$color-text-placeholder:    #C0C4CC !default;

// 基本边框 一级边框
$border-color-base:         #DCDFE6 !default;
// 二级边框
$--border-color-light:      #E4E7ED !default;
// 三级边框
$--border-color-lighter:    #EBEEF5 !default;
// 四级边框
$--border-color-extra-light:#F2F6FC !default;

// 灰色的背景
$bg-color-main:             #E8ECF0 !default;

/*
****************
    布局变量
****************
*/

// 页面最小宽度
$min-width-page:                    1300px;



